<template>
    <header>
        <p>{{ title }}</p>
    </header>
</template>

<script setup>
import { defineProps } from 'vue';
let props= defineProps({
    title: {
        type: String,
        required: true
    }
})
</script>

<style lang="scss" scoped>
header {
    width: 100%;
    height: 12vw;
    background-color: #0097FF;
    color: #fff;
    font-size: 4.8vw;

    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;

    display: flex;
    justify-content: center;
    align-items: center;
}
</style>